<%-- 
    Document   : mobile_login
    Created on : 25/01/2013, 12:23:34 PM
    Author     : spadons
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    
    <head>
        <title>
            Esmetil
        </title>
        <link rel="apple-touch-icon" href="resources/images/apple-touch-icon.png" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="initial-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
        <link href="resources/files/resources/lib/theme/jqm/jqm.css" rel="stylesheet" />
        <link href="resources/files/resources/lib/theme/e-contador/e-contador.css" rel="stylesheet"
        />
        <link href="resources/files/resources/lib/jquerymobile/1.2.0/jquery.mobile.structure-1.2.0.min.css"
        rel="stylesheet" />
        <script type="text/javascript" src="resources/files/resources/lib/store/json2.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/jquery/jquery-1.8.2.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/jquerymobile/jquery.mobile.iepatch.js">
        </script>
        <script type="text/javascript">
        		        $(document).bind("mobileinit", function()
		        {
		            if (navigator.userAgent.indexOf("Android") != -1)
		            {
		                $.mobile.defaultPageTransition = 'none';
		                $.mobile.defaultDialogTransition = 'none';
		            }
		        });
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/jquerymobile/1.2.0/jquery.mobile-1.2.0.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/mobilebase.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/event/customEventHandler.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/base/sha1.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/base/oauth.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/base/contexts.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/base/jsonpath.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/base/jquery.xml2json.min.js">
        </script>
        <script type="text/javascript" src="resources/files/resources/lib/base/tiggzi.js">
        </script>
        <link href="resources/files/resources/css/mobilebase.css" rel="stylesheet" type="text/css"
        />
        <link href="resources/css/mobile_login.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="resources/js/mobile_login.js">
        </script>
    </head>
    
    <body>
        <script language="JavaScript" type="text/javascript">
                if (navigator.userAgent.match(/iP/i))
        {
            $(window).bind('orientationchange', function(event)
            {
                $('meta[name="viewport"]').attr('content', 'initial-scale=1.0,maximum-scale=1.0, ' + ((window.orientation == 90 || window.orientation == -90 || window.orientation == 270) ? "height=device-width,width=device-height" : "height=device-height,width=device-width"));
            }).trigger('orientationchange');
        }
        </script>
        <div data-role="page" style="min-height:480px;" dsid="mobile_login" id="j_0" class="type-interior"
        data-theme='a' data-add-back-btn="false" data-back-btn-text="Back">
            <div data-role="header" data-position='fixed' data-theme='a' name="mobileheader1"
            id="j_2" class='mobileHeader mobileheader1 ' data-id='persistentText'>
                <h1 dsid="mobileheader1">
                    Login
                </h1>
            </div>
            
            <form id="form-login" action="<c:url value='j_spring_security_check'/>" method="post" autocomplete="off">
            
            <div data-role="content" id="j_3" name="mobilecontainer1" class="mobileContent mobilecontainer1"
            dsid="mobilecontainer1" data-theme=''>
                <div class="mobileimage1_div">
                    <img class="mobileImage mobileimage1" src="resources/files/views/assets/image/logo.png" id="j_4"
                    dsid="mobileimage_3" name="mobileimage_3" />
                </div>
                <div name="mobilelabel1_4" id="j_5" dsid="mobilelabel1_4" data-role="tiggr_label"
                class='labelClass mobilelabel1 '>
                    <br>
                </div>
                <div name="mobilelabel1_18" id="j_10" dsid="mobilelabel1_18" data-role="tiggr_label"
                class='labelClass mobilelabel3 '>
                    Usuario
                </div>
                <div data-role="fieldcontain" class="mobiletextinput1">
                    <input type="text" name="j_username" dsid="j_username" id="j_6" value="" tabIndex="3"
                           data-theme='' class='input mobiletextinput1 ' required="true" />
                </div>
                <div name="mobilelabel1_19" id="j_11" dsid="mobilelabel1_19" data-role="tiggr_label"
                class='labelClass mobilelabel4 '>
                    Contraseña
                </div>
                <div data-role="fieldcontain" class="mobiletextinput2">
                    <input type="password" name="j_password" dsid="j_password" id="j_7" value="" tabIndex="4"
                           data-theme='' class='input mobiletextinput2 ' required="true"/>
                </div>
                <div data-role="fieldcontain" class="recordarCheck mobilecheckboxgroup1" id="j_12" dsid="mobilecheckboxgroup1_20">
                    <fieldset data-role="controlgroup" data-mini='true'>
                        <span dsid="mobilecheckbox1_21" class="mobilecheckbox1">
                            <input type="checkbox" name="_spring_security_remember_me" id="j_13" tabIndex="4" data-theme=''
                            value="j_13" />
                            <label id="j_13_label" for="j_13">
                                Recordar
                            </label>
                        </span>
                    </fieldset>
                </div>
                <div class="mobilebutton1_wrapper" onclick="document.getElementById('form-login').submit()">
                    <a data-role="button" name="mobilebutton1_9" dsid="mobilebutton1_9" class=' button mobilebutton1'
                    id='j_8' data-corners='true' data-mini='false' data-theme='' tabIndex="5">
                    Ingresar
                    </a>
                </div>
                
                <c:if test="${param.error=='y'}">
                
                <div name="mobilelabel1_17" id="j_9" dsid="mobilelabel1_17" data-role="tiggr_label"
                class='labelClass mobilelabel2 '>
                    ${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}
                </div>
                    
                </c:if>
                
            </div>
            <div data-role="footer" class="mobileFooter mobilefooter1" name="mobilefooter1"
            dsid="mobilefooter1" data-position="fixed" id="j_12" data-theme='a' data-id='persistentText'>
            </div>
                
            </form>
            
        </div>
    </body>

</html>